
// 背景图
.beijing {
    height: 660px;
    background: url(../img/anl_b.jpg) no-repeat center top;
    background-size: cover;

    // 轮播背景文字
    .its {
        width: 1300px;
        height: 500px;
        margin: 0 auto;
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .l {
            width: 650px;
            text-align: left;

            h2 {
                font-size: 38px;
                font-weight: bold;
                line-height: 52px
            }

            p {
                font-size: 14px;
                line-height: 24px;
                padding-top: 8px;
            }
        }

    }


}

// 行业交管
.XingZhneg {
    margin-bottom: 60px;

    .Jiao {

        padding: 30px 0 30px 0;
        overflow: hidden;
        color: #333;
        width: 1300px;
        margin: 0 auto;

        h2 {
            font-size: 36px;
            font-weight: bold;
            line-height: 52px;
            background: url(../image/im-44.png) no-repeat center bottom;
            padding-bottom: 10px;
        }
    }

    //   轮播图
    .Lun {
        width: 1300px;
        margin: 0 auto;

        .swiper {
            width: 1300px;
            height: 690px;
            margin-left: auto;
            margin-right: auto;

            .swiper-wrapper {
                height: 650px;
                .swiper-slide {
                    position: relative;
                    text-align: center;
                    font-size: 18px;
                    background: #fff;
                    height: calc((100% - 30px) / 2);
                    display: flex;
                    justify-content: center;
                    align-items: center;
        
                    p {
                        position: absolute;
                        bottom: 30px;
                        font-size: 20px;
                        font-weight: 700;
                        color: #fff;
                    }
        
                }
                .swiper-slide img {
                    display: block;
                    width: 410px;
                    height: 290px;
                    object-fit: cover;
                }
            }
        }
        .swiper-pagination-bullet {
            width: 13px;
            height: 13px;
            text-align: center;
            line-height: 20px;
            font-size: 12px;
            opacity: 1;
            background: #999;
        }

        .swiper-pagination-bullet-active {
            background-color: #2876f1;
        }
    }
}

// 交通运输企业
.YunSu {
    background-color: #f5f5f5;
    padding-bottom: 60px;
    .Jiao {
        padding: 30px 0 30px 0;
        overflow: hidden;
        color: #333;
        width: 1300px;
        margin: 0 auto;

        h2 {
            font-size: 36px;
            font-weight: bold;
            line-height: 52px;
            background: url(../image/im-44.png) no-repeat center bottom;
            padding-bottom: 10px;
        }
    }

    //   轮播图
    .Lun {
        width: 1300px;
        margin: 0 auto;

        .swiper {
            width: 1300px;
            height: 500px;
            margin-left: auto;
            margin-right: auto;

            .swiper-wrapper {
                height: 435px;

                .swiper-slide {
                    text-align: center;
                    font-size: 18px;
                    background: #fff;
                    height: calc((100% - 30px) / 2);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 320px;
                    height: 140px;
                    img {
                        display: block;
                       width: 100%;
                       height: 100%;
                        object-fit: cover;
                    }
                }
            }
        }


        .swiper-pagination-bullet {
            width: 13px;
            height: 13px;
            text-align: center;
            line-height: 20px;
            font-size: 12px;
            opacity: 1;
            background: #999;
        }

        .swiper-pagination-bullet-active {
            background-color: #2876f1;
        }
    }
}
